<template>
    <div v-if="modelValue">
        Vmodel
        <button @click="close">close</button>
        {{ title }}
    </div>
</template>

<script setup lang='ts'>
type Props = {
    modelValue:boolean,
    title:string,
    modelModifiers?:{
        chenganglong : boolean
    },
    titleModifiers?:{
        huangjianye : boolean
    }
}

const PropsData = defineProps<Props>()

const emit = defineEmits(['update:modelValue','update:title'])

const close = () => {
    console.log(PropsData.modelModifiers);
    console.log(PropsData.titleModifiers);
    emit('update:modelValue',false)
    emit('update:title','u r cat')
}

</script>

<style lang='scss' scoped>

</style>
